<!-- 描述：暂无 -->
<template>
  <BaseTable :cols="cols" :rows="rows" :operateBtns="['edit', 'delete']"
    @operateBtns="onOperateBtns"
>
    
  </BaseTable>
</template>
<script lang="ts" setup>
import { ref, reactive, watch, computed } from "vue";
import { DeleteUserList } from "@/api-mock";
import { handleBtnNext } from "@/utils";

const props = withDefaults(
  defineProps<{
    _exampleProp?: CommonObj;
  }>(),
  {
    _exampleProp: () => ({}),
  }
);


const cols = [
  {
    "label": "备注信息",
    "minWidth": 140,
    "type": "BaseText",
    "prop": "remark"
  },
  {
    "prop": "status",
    "label": "启用状态",
    "minWidth": 80,
    "type": "BaseTag",
    "attrs": {
      "name": "D_EnableStatus"
    }
  }
];

const rows = [];

function onOperateBtns(name: BtnName, row: CommonObj, next: FinallyNext) {
  const { id } = row;
  handleBtnNext(
    {
      edit: () => handleEdit(row, next),
      delete: () => DeleteUserList({ id }).then(() => next()),
    },
    name
  );
}
function handleEdit(row: CommonObj, next: FinallyNext) {
  // 处理编辑操作
}
</script>
<style lang="scss" scoped></style>